// 影视列表
window.VueComponents.VideoList = {
  props: {
    list: {
      type: Array,
      default: () => [],
    },
  },

  data: () => ({}),
  template: `<div class="video-list">
  <div class="video-item  " v-for="item in list" :key="item.id">
    <a
      class="video-cover"
      :style="{
        backgroundImage: 'url(' + item.img + ')',
      }"
      :href="item.href"
    >
    <span class="pic-text text-right">{{item.pic}}</span>
    </a>

    <h4><a href="" style="text-decoration: none;color: inherit;">{{ item.title }}</a></h4>
    <p :title="item.desc">{{ item.desc }}</p>
  </div>
</div>`,
  created() {
    // 追加样式文件
    addCssByLink("./component/VideoList.css");
  },
};
